<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>公司设置弹窗</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/index.css?v=20180305">
    <link rel="Shortcut Icon" href="cachet.ico">
</head>
<body>
    <div class="layui-form">
        <ul class="add_people">
            <li>
                <div class="layui-form-item">
                    <label class="layui-form-label">流程名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入流程名称" class="layui-input">
                    </div>
                </div>
            </li>
            <li>
                <div class="layui-form-item">
                    <label class="layui-form-label">审核类型</label>
                    <div class="layui-input-inline">
                        <select name="interest" lay-filter="aihao">
                            <option value="0">普通审核</option>
                            <option value="1" selected="">联合审核</option>
                        </select>
                    </div>
                </div>
            </li>
            <li class="margin_tb">
                <div class="layui-clear">
                    <a href="javascript:;" class="choces_box"><span>选择人员</span></a><div class="people_chosebox"><span>李1四 <i class="deleat">X</i></span><span>李2四 <i class="deleat">X</i></span><span>李3四 <i class="deleat">X</i></span></div>
                </div>
            </li>
            <li class="padding_30">
                <button class="layui-btn" lay-submit="" lay-filter="">确认</button>
                <button type="reset" class="layui-btn layui-btn-primary">取消</button>
            </li>
            <li><div class="layui-input-block">
                <input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF" class="switch" checked="checked">
            </div></li>
        </ul>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./layui/layui.js"></script>
    <script>
        //JavaScript代码区域
        layui.use(['element','form','layedit','laypage'], function(){
            var element = layui.element;
            var form = layui.form;
            var layedit = layui.layedit;
            var laypage = layui.laypage;
            var   layer = layui.layer;
            $('.switch').removeAttr('checked');
            form.render();
            $('.choces_box').click(function () {
                layer.open({
                    type: 2,
                    title: '流程设置',
                    shadeClose: true,
                    shade: 0.8,
                    area: ['100%', '100%'],
                    scrollbar: true,
                    content: '公司设置弹窗2.html'
                });

            })
            $('.people_chosebox').on("click",".deleat",function () {
                $(this).parent('span').remove();
            })
        });
    </script>
</body>
</html>